<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %> 
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>  

<script type="text/javascript">
	$(function(){
		$('#searchId').click(function(){
			//ID/PW 찾기 팝업
			window.open('searchId.do','ID/PW 찾기','top=200px,left=600px,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,width=596,height=320');
		});
	}); 
</script>

<div class="container">
<!-- 로그인 -->
<div id="info">
	<h2><img src="./image/title_login.gif"/></h2>
</div>

<div id="login">
<form:form commandName="memberCommand" role="form" class="form-horizontal" 
			name="loginForm" method="post">
	<form:errors element="div"/>

	<div id='loginWrap'>
	
		<div class='mp_whiteBox'>
			<div id='loginBox'>
				<div class='loginInput'>
					<div class="form-group">
						<label for="id" class="col-md-2 col-xs-2 col-sm-2 control-label">아이디</label>
						<div class="col-md-6 col-xs-6 col-sm-6">
							<form:input path="id" class="form-control"/>
							<font color="red"><form:errors path="id"/></font> <br>
						</div>
						<div class="col-md-3 col-xs-3 col-sm-3">
							<a href="/SomeTalk/login.do"><input type=image src="./image/btn_login.gif" alt="로그인"/></a>
						</div>
					</div>
					<div class="form-group">
						<label for="password" class="col-md-2 col-xs-2 col-sm-2 control-label">비밀번호</label>
						<div class="col-md-6 col-xs-6 col-sm-6">
							<form:password path="password" class="form-control" showPassword="false"/>
							<font color="red"><form:errors path="password"/></font> <br>
						</div>
					</div>
					<div class="form-group">
						<div class="col-md-12 col-xs-12 col-sm-12" align="center">
							<font color="red"><form:errors path="invalidIdOrPassword"/></font> <br>
						</div>
					</div>
				</div>
	      <div class="join02" >
	      <ul style='float:left;margin-left:85px;padding-left:0;'>
	      <li><img src="./image/title_login.jpg"></li>
	      </ul>
				<ul style="padding-left:0px;float:left;">
						<li><img id="searchId" src="./image/btn_pass.gif"></li>
	        <li style="padding-top:5px;"><a href="/SomeTalk/join.do"><img src="./image/btn_join.gif"></a></li>
				</ul>
	      </div>
				
				
				
					<%-- <table>
						<tr>
							<th>아이디</th>
							<td><input type="text" id="id" name="id" class="ed" maxLength="20" size="22"></td>
							<td rowspan=4 >
							<a href="/SomeTalk/login.do"><INPUT type=image src="./image/btn_login.gif" alt="로그인"/></a></td>
						</tr>
						<tr>
							<td>
							</td>
							<td>
								<font color="red"><form:errors path="id"/></font>
							</td>
						</tr>
						<tr>
							<th>비밀번호</th>
							<td><input type="password" id="password" name="password" class="ed" maxLength="20" size="22"></td>
						</tr>
						<tr>
							<td>
							</td>
							<td>
								<font color="red"><form:errors path="password"/></font>
							</td>
						</tr>
	     
					</table> --%>
			</div>
		</div>
	
	</div>
	
	<%-- <div class="form-group">
		<label for="id" class="col-md-4 col-xs-4 col-sm-4 control-label">아이디</label>
		<div class="col-md-6 col-xs-6 col-sm-6">
			<form:input path="id" class="form-control"/>
			<font color="red"><form:errors path="id"/></font> <br>
		</div>
	</div>
	<div class="form-group">
		<label for="password" class="col-md-4 col-xs-4 col-sm-4 control-label">비밀번호</label>
		<div class="col-md-6 col-xs-6 col-sm-6">
			<form:password path="password" class="form-control" showPassword="false"/>
			<font color="red"><form:errors path="password"/></font> <br>
		</div>
	</div>
	<div class="form-group">
		<div class="col-md-12 col-xs-12 col-sm-12" align="center">
			<font color="red"><form:errors path="invalidIdOrPassword"/></font> <br>
		</div>
	</div>
	<div class="form-group">
		<div class="col-md-12 col-xs-12 col-sm-12" align="center">
			<button type="submit" class="btn btn-default">로그인</button>&nbsp;&nbsp;&nbsp;
			<button type="button" id="searchId" class="btn btn-default">ID/PW 찾기</button>
		</div>
		<br><br><br>
		<div class="col-md-12 col-xs-12 col-sm-12" align="center">
			<span>아직 회원이 아니신가요?&nbsp;&nbsp;</span>
			<button type="button" class="btn btn-default" onclick="location.href='join.do'">회원가입</button>
		</div>
	</div> --%>
	
</form:form>

</div>
</div>